<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="file" id="upload"><div id="app"></div>

</body>
</html>
<script>
    const upload = document.getElementById('upload')

    upload.onchange = async (e) => {
        const file = e.target.files[0]
        console.log(file)
    }
</script>